<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <div id="app">
    <h2>过滤器 filters</h2>
    <!-- 值|过滤器 是个函数 这个过滤器就是处理管道符前面的值的 将前面的值按照过滤器定义的方式过滤 -->
    <div>
      {{0.0444444444 | toFixed(3)}}
    </div>
    <!-- 写一个过滤器 保留两位小数 如果不需要传参数 会默认执行 -->

    <ul>
      <li v-for="item in 5">{{item}}</li>
    </ul>
  </div>
  <h2>async await 函数</h2>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
  <script>
    let vm = new Vue({
      el:'#app',
      data: {},
      filters: {
        toFixed(target, num){
          console.log(target)
          return target.toFixed(num)
        }
      }
    })
    console.log(function aa(){}.name)


    let a = "[1,2,3,4]";
    



    // 通过bind方法得到的函数name是 bind
    // 普通函数加async执行后就变成一个promise对象，用then拿到返回值
    // await 后跟promise对象 await的结果就是resolve或者reject的参数
    // await 异步完成后再去执行后面的代码 不用再去写then了 语法糖 把复杂的语法简便化

    let f = async function(){
      // throw new Error('error')
      return 1
    }
    // f().then(res => {
    //   console.log(1)
    // }).catch(e =>{
    //   console.log(e)
    // })

    let ff = async function(){
      let a = await new Promise((resolve, reject)=>{
        setTimeout(()=>{
          resolve(11111111)
        }, 1000)
        // resolve('aaaaaaa');
        // reject('error')
      })
      console.log(a)
    }
    ff()

    // new Promise((resolve, reject)=>{
    //   resolve('aaaaaaa');
    // }).then(data => {})
    // console.log()
    /*
      woxihuanni woxihuan nide erduo 
      zhiji zhiyou liaojieni shenghuo ni ziji 灵魂 和 心 
      他是知道你怎么想的，接受最糟糕的一面
      我们活在社会上，面对两种评价，一个是来自外界的评价，
      和自我内心的评价，知己就是足够了解你，生活自己对自己的了解
      互为树洞，我是你的树，找到心灵的树洞
      天黑了 我带你回家
      孤独感 缺失感 不完整的
      nizenme renxin zainide xinai de guniang mianqian zhanshi ni choulou de 
      piqi culude yanyu mengmodetaidu 
      胸怀气度，心中有爱有关怀
      生命如果无情，那他将是一个物体，无情的生命，让人感到孤独
    */
  </script>
</body>
</html>